<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8" session="false" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1">
    <meta name="renderer" content="webkit">
    <META HTTP-EQUIV="Pragma" CONTENT="no-cache">
    <META HTTP-EQUIV="Cache-Control" CONTENT="no-cache">
    <META HTTP-EQUIV="Expires" CONTENT="0">
    <title>我的钱包</title>

    <link href="${pageContext.request.contextPath}/static/css/common.css" rel="stylesheet">
    <link href="${pageContext.request.contextPath}/static/plugins/bootstrap-3.3.5/css/bootstrap.min.css"
          rel="stylesheet">
    <link href="${pageContext.request.contextPath}/static/plugins/font-awesome-4.3.0/css/font-awesome.min.css"
          rel="stylesheet">
    <!-- jqgrid-->
    <link href="${pageContext.request.contextPath}/static/plugins/jqGrid/css/custom.ui.jqgrid.css" rel="stylesheet">
    <link href="${pageContext.request.contextPath}/static/plugins/layer/skin/layer.css" rel="stylesheet">
    <link href="${pageContext.request.contextPath}/static/plugins/jqGrid/css/style.css" rel="stylesheet">

    <script src="${pageContext.request.contextPath}/static/js/jquery-1.11.3.min.js"></script>
    <script src="${pageContext.request.contextPath}/static/js/jquery.form.js"></script>
    <script src="${pageContext.request.contextPath}/static/js/common.js"></script>
    <script src="${pageContext.request.contextPath}/static/plugins/bootstrap-3.3.5/js/bootstrap.min.js"></script>
    <script src="${pageContext.request.contextPath}/static/plugins/jqGrid/js/i18n/grid.locale-cn.js"></script>
    <script src="${pageContext.request.contextPath}/static/plugins/jqGrid/js/minified/jquery.jqGrid.min.js"></script>
    <script src="${pageContext.request.contextPath}/static/plugins/layer/layer.js" type="text/javascript"></script>
    <script src="${pageContext.request.contextPath}/static/js/global.js"></script>
	<script src="${pageContext.request.contextPath}/static/plugins/select2-4.0.0/dist/js/select2.min.js"></script>
	<script type="text/javascript"
            src="${pageContext.request.contextPath}/static/plugins/My97DatePicker/WdatePicker.js"></script>

    <style type="text/css">
        .main h5 a {
            position: absolute;
            right: 20px;
            font-size: 14px;
            bottom: 0px;
            display: inline-block;
            padding: 5px;
        }

        .table_list tbody tr {
            height: 35px;
            text-align: center;
        }
        .div1{
           margin-top: 16px;
    		border: solid #CCCCCC;
    		border-width: 1px 0px 0px 0px;
        }
        .td3{
        	
        	border-width:0px 1px 1px 0px; 
        	padding:10px 0px; width: 30%;
        	height: 120px;
        	}
        .enjoyA{
        	    color: orangered;
        	    font-size: 25px;
        	    margin-left: 26px;
        }
        .enjoyA:hover{color: orangered;}
        .enjoyB{
        	    color: #CCCCCC;
        	    font-size: 18px;
        	    margin-left: 26px;
        }
        .name1{
        	font-size: 20px;
        	margin-left: 12px;
        }
		.left ul li{
			
			*line-height:40px;
			
			*padding-left:20px;
		}
		
		.left ul li a, .left ul li a:hover{
			*color:#fff;
		}
		.list-tab li{
			*+padding:0px 10px 10px;
		}
		
		.btn{
			*width:65px;
			*+padding:4px 0;
			*+padding-left:0;
			*+font-size:14px;
		}
		.name1 .btnn{
			*width:102px;
		}
		.lt{
			float:left;
		}
		.ui-pg-button{
			*background:#ccc;
		}
		.col-md-3{
			*width:100px;
		}
		.form-group{
			*overflow: hidden;
		}
		.pagination{
			*margin-left:50%;
		}
		.wrapper{
			*margin-left:270px;
		}
		#rName{
			*padding:0;
		}
		.wallet{
			font-size:20px;
			color:#111;
		}
		.wallet span{
			color:red;
			font-size:14px;
		}
		.wallet span span{
			font-size:26px;
		}
		.child{
			margin-right:10px;
			font-size:14px;
		}
		.name1 span{
		  margin-right:8px;
		}
		.name1 span span{
		  margin-left:2px;
		}
			.name1 .spa{
			font-size:22px;
			color:red;
			margin-right:10px;
		}
		
		.td{
			border-left:1px solid #CCCCCC; 
			border-right:1px solid #CCCCCC; 
		}
    </style>
</head>
<body view="menu-item-4142">
<jsp:include page="top.jsp"></jsp:include>
<div class="right">
<div class="wrapper">
        <div class="panel panel-default">
            <table id="enjoyTable">
            <tr>
            	<td class="td3" style="width: 45%;">
            	<div class="name1 wallet">我的钱包总额：<span><span>0.00</span>元</span></div>
            	
            	<div class="name1">
	            	<span class="child">可用金额：<span>0.00元</span></span>
	            	<span class="child">提现中金额:<span>0.00元</span></span>
		           	<input type="button"  class="inButton btn btn-success" value="充值 ">
	            	<input type="button"  class="inButton btn btn-success" value="提现 ">
	            	<input type="button"  class="inButton btn btn-success" value="二维码收款 ">
            	</div>
            	</td>
            	<td class="td3 td" style="width: 22%;">
            	<div class="name1">我的账户管理</div>
            	<div class="name1">
	            	<input type="button"  class="inButton btn btnn btn-success" value="银行卡管理 ">
	            	<input type="button"  class="inButton btn btnn btn-success" value="设置平台交易密码 ">
            	</div>
         
            	</td>
            	<td class="td3" style="width: 34%;">
            	<div class="name1">进行中的红包</div>
            	<div class="name1">
            		<span class="child spa">0个</span>
	            	<input type="button"  class="inButton btn btn-success" value="发定额红包 ">
	            	<input type="button"  class="inButton btnn btn btn-success" value="发随机红包 ">
	            	
            	</div>
            	</td>
            </tr>
			</table>
        </div>
	</div>
</body>
</html>
